<template>
  <div id="app">
    <app-header></app-header>
    <router-view/>
  </div>
</template>
<script>
import Header from "./components/Header";
export default {
  components: {
    "app-header": Header
  }
};
</script>

<style>
.mdui-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.row > [class*="col-"] {
  display: flex;
  flex-direction: column;
}
h1,
h2 {
  margin-left: 8px;
}
.article-list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.article-title {
  width: 100%;
  height: 100%;
}
.time {
  margin-left: 15px;
}
</style>
